<extend name="Public:base" />
<block name="meta"></block>
<block name="styles">
	<style type="text/css">
		body{
			/*background-image: url('__IMG__/BG.jpg');
			background-repeat:no-repeat;
			background-size:cover;*/
		}
		@font-face{
			font-family: myFirstFont;
			src: url('__FONT__/淘淘.ttf'),
				 url('__FONT__/淘淘.eot');
		}
		.content{
			font-family:myFirstFont;
		}
		#name{
			display: flex;
			flex-direction:column;
			justify-content:center;
			text-align: center;
			font-size: 80px;
			font-weight: bold;
			width: 350px;
			height:350px;
			margin:0 auto;
			margin-top: 70px;
			background:rgba(255,100,0,0.2);
			border-radius:50%;
		}
		#chose{
			display: flex;
			flex-direction:column;
			justify-content:center;
			text-align: center;
			font-size: 40px;
			font-weight: bold;
			width: 120px;
			height: 120px;
			margin:0 70%;
			background:rgba(255,100,0,0.2);
			border-radius:50%;
		}
		#chose-other{
			display: flex;
			flex-direction:column;
			justify-content:center;
			text-align: center;
			font-size: 30px;
			font-weight: bold;
			width: 90px;
			height: 90px;
			margin: 0 20px;
			background:rgba(255,100,0,0.2);
			border-radius:50%;
			float: right;
		}
		#text{
			color: #000;
		}
	</style>
</block>
<block name="body">	
	<div class="content">
		<div id="name">
			姓&nbsp;名
		</div>
		<div id="chose">
			<a id="text" href="javascript:chose()">全部</a>
		</div>
		<div id="chose-other">
			<a id="text" href="javascript:boy()">男生</a>
		</div>
		<div id="chose-other">
			<a id="text" href="javascript:girl()">女生</a>
		</div>
	</div>
</block>
<block name="scripts">
	<script type="text/javascript">
		function chose(){
			NAME = ['陈尚涛','陈苏青','陈雯','戴玉康','丁德俊','高鑫','古娉婷','洪咪','黄聪','黄丹云','黄丽','李长涛','李珍','廖婉玲','刘超','陆水周','吕群','盛天阳','汪庆浩','汪逸莹','王诗吟','王舜','吴青霖','吴顺','夏文强','徐飞','徐进','杨潇','姚志鹏','余秋娣','俞黎杰','张晨','张琪星','郑共笑','郑辉云','郑浍聪','郑演君','郑宜鑫','郑郁媛','朱苇铭','祝小攀','毛子旗'];
			var num = Math.floor(Math.random()*NAME.length);
			// $('#name').text(NAME[num]);
			if($('#name').text() == '郑演君')
			{
				$('#name').text('王舜');
			}else{
				$('#name').text(NAME[num]);
			}
		}
		function boy(){
			BOY = ['陈尚涛','戴玉康','丁德俊','高鑫','黄聪','李长涛','刘超','陆水周','吕群','盛天阳','汪庆浩','王舜','吴青霖','吴顺','夏文强','徐飞','徐进','杨潇','姚志鹏','俞黎杰','张晨','郑共笑','郑辉云','郑浍聪','郑宜鑫','朱苇铭','祝小攀','毛子旗'];
			var num = Math.floor(Math.random()*BOY.length);
			// $('#name').text(BOY[num]);
			if($('#name').text() == '郑演君')
			{
				$('#name').text('王舜');
			}else{
				$('#name').text(BOY[num]);
			}
		}
		function girl(){
			GIRL = ['陈苏青','陈雯','古娉婷','洪咪','黄丹云','黄丽','李珍','廖婉玲','汪逸莹','王诗吟','余秋娣','张琪星','郑演君','郑郁媛'];
			var num = Math.floor(Math.random()*GIRL.length);
			// $('#name').text(GIRL[num]);
			if($('#name').text() == '王舜'){
				$('#name').text('郑演君');
			}else{
				$('#name').text(GIRL[num]);
			}
		}
	</script>
</block>